<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Genius</title>
    <meta name="description" content="Genius Interview Question">
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">

    <link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="vendor/twbs/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/limonte-sweetalert2/7.21.1/sweetalert2.css">

    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
    <div class="container">

        <form class="form-signin">
            <h2 class="form-signin-heading">Hello Genius</h2>
            <label for="account" class="sr-only">Account</label>
            <input type="text" id="account" class="form-control" placeholder="Please Input Your Account" autofocus="">
            <br/>
            <label for="password" class="sr-only">Password</label>
            <input type="password" id="password" class="form-control" placeholder="Please Input Your Password">
            <button class="btn btn-lg btn-primary btn-block" type="submit" id="login">Sign in</button>
        </form>

    </div>
    <div class="alert alert-warning alert-dismissible hidden" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong>Warning!</strong> Better check yourself, you're not looking too good.
    </div>
    <script data-main="index.js" src="components/require.js" type="text/javascript"></script>
    <script>
        //配置基础url，用于保证main.js加载正确
        require.config({
            baseUrl: "js"
        })
    </script>
    <!-- <script src="js/main.js"></script> -->
</body>

</html>